* {background:transparent;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-style:inherit;font-weight:inherit;margin:0px;padding:0px;border:0px;outline:0px;text-align:justify;vertical-align:baseline;}
body{line-height:1}
blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
ol,ul{list-style:none}
img {border:none;}
div { display: block; }
/*-------Other Class ---------*/
.brd,.postingan img,#menu,#menu ul ul {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;-khtml-border-radius:4px;-icab-border-radius:4px;-o-border-radius:4px;}
.bsh,.postingan img,#menu,#menu ul ul {filter: progid:DXImageTransform.Microsoft.Shadow(color='#BED8E0', Direction=135, Strength=2);box-shadow:0 0 6px #BED8E0; -moz-box-shadow:0 0 6px #BED8E0; -webkit-box-shadow:0 0 6px #BED8E0;-khtml-box-shadow:0 0 6px #BED8E0;-icab-box-shadow:0 0 6px #BED8E0;-o-box-shadow:0 0 6px #BED8E0;}
.right {float:right;} .left {float:left;}
.cleared{display: block; zoom: 1;clear: both;}.clear,.cleared::after { clear: both; content: '.'; display: block; font-size: 0px; height: 0px; line-height: 0; visibility: hidden;}


body { background:#FAFBFD url('wrapper.png') top center repeat-x; color:#444;}

a {color:#346C9C; text-decoration:none; outline:0;}
a:hover {color:#5995C9; text-decoration:none;}

img {border:0;}

.break {font-size:0; width:0; height:0; clear:both;}

.alignleft {float:left; margin:4px 10px 5px 0;}
.alignright {float:right; margin:4px 0 5px 10px;}
.aligncenter {text-align:center;}

.hidden {display:none;}
/** Wrapper **/
#container{width:980px; margin:0 auto; padding:0;}

/** Header **/
#header {height:140px; position:relative; text-shadow: #333 0 1px 0;color:#fff;z-index:1;}
#home {width:45%;float:left;height:90px;}
#home h1{font: normal normal bold 42px/normal serif;text-transform: uppercase; letter-spacing: -1px; text-transform: none; }
#home h2 {color: #fff;text-transform: Capitalize; font: normal normal normal 18px/normal 'Shadows Into Light', Trebuchet, Arial, Verdana, sans-serif; letter-spacing: 0; }
#home a {color:#000;}#home a:hover{color:#fff;}
#ss {float:right;width:55%;}
#ss li,#search {float:right;}
#ss li ul {background:transparent;padding:40px 5px 5px;margin:0;}
#ss a {color: #353535;font-size: 11px; font-weight: bold;} #ss a:hover{color:#fff;text-decoration: underline;}
#ss img {margin:0 3px -2px 10px;}
#search {list-style: none; margin-top: 5px; padding: 3px;background:#fff;}
#stext {width:360px;height: 20px;color: #aaa;font-weight: bold; font-size: 12px;text-shadow: #eee 1px 1px 1px !important;}
#searchsubmit { border: 0px;background:url('searchbutton.png?v62011') no-repeat center center; color: transparent; cursor: pointer; height: 21px; margin: 0; overflow: hidden; text-indent: -2000px; width: 33px;}
#menu {clear:both;margin:0;padding:0;list-style:none;height:40px;background:#fff url('menu.png?v62011') repeat-x;}
#menu li {float:left;border-right: 1px solid #BED8E0; color: #333; font: normal normal bold 12px/normal Arial; padding: 10px 14px; text-shadow: #fff 0pt 1px 0pt;}
#menu li ul,#ss li ul{z-index:100; position:absolute; left:-999em; 
filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
#menu li ul{background:#fff; margin:0 0 0 -15px;padding:0;}
#menu li ul {min-width:150px;}
#menu li li {float:none;margin:10px 0;display:block;position:relative;border:none;border-bottom: 1px solid #BED8E0;margin:5px;padding:5px;text-transform: none;text-transform: Capitalize;}
#ss li:hover ul,#menu li:hover ul{left:auto}


/** Wrapper **/
#wrapper {background:#fff; width:960px; margin:0 auto 10px; padding:10px; text-align:left; float:left; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0 0 6px #666; -moz-box-shadow:0 0 6px #666; -webkit-box-shadow:0 0 6px #666;filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);border:1px solid #eee;}

/** Content **/
#content {width:642px; float:left;}

#posting {border:1px solid #BED8E0;margin:3px;padding:3px; color: #333; font: normal normal bold 12px/normal Arial; }

/*-------Post Thumbs---------*/
.thumbs {background:transparent url('http://cdn-dfr.googlecode.com/svn/test/l.gif?v62011') center center no-repeat; text-shadow: #4089C4 0pt 1px 0pt; }
.thumbs:hover,.stepcarousel .panel:hover { box-shadow: inset 0 0 2px rgba(255, 255, 255, .3), 0 0 6px rgba(0, 0, 0, .7); -moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, .3), 0 0 6px rgba(0, 0, 0, .7); -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, .3), 0 0 6px rgba(0, 0, 0, .7);cursor:pointer;}
.thumbs img {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.thumbs img:hover {filter:alpha(opacity=200); -moz-opacity: 2; opacity: 2;}
.title a{font-size:14px;color:#fff;text-transform: Capitalize;}
.tt{text-align:center;position:absolute;width:200px;padding:2px 0;background:#000;filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;	
/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
.title a:hover{text-decoration:underline}
.detils td {font-size: 11px; text-shadow: #000 1px 1px; font-weight: bold;text-align:center;padding:3px;width:100%;}
.detils{ z-index: 300;position:absolute;width:200px;background:#000;color:#fff;margin:-50px 0 0;filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;} 
.blog-pager {margin:10px}
.blog-pager span{border:1px solid #BED8E0;margin:3px;padding:3px;}


/** Sidebar **/
#sidebar {width:300px; float:right;text-shadow: #fff 0pt 1px 0pt; text-transform:Capitalize;font-weight:bold;}

#sidebar ul {list-style-type:none; margin:10px;}
#sidebar ul li {line-height:1.4em; padding:2px 0;font-size:8px;border-bottom:1px solid #eee;}
#sidebar ul li a {color:#444; text-decoration:none;}
#sidebar ul li a:hover {color:#346C9C; text-decoration:underline;}
#sidebar ul ul ul{list-style-type:disc;}

#sidebar .box {border:1px solid #BED8E0; background-color:#fff;margin-bottom:10px;}
#sidebar .box h2 {background:#fff url('menu.png?v62011') repeat-x; color:#346C9C; padding:12px 10px; font-size:12px;}
#ArchiveList {height:300px;overflow:auto;}

/*-------Footer---------*/
#footer {clear:both;background:transparent;margin:5px auto 0; width: 982px;border-top: 1px solid #EEE; 
background-image: -webkit-radial-gradient(center top, ellipse farthest-side, rgba(16,83,130,.5), rgba(16,83,130,0) 75%),
                    -webkit-radial-gradient(center top, ellipse farthest-side, rgba(180,218,244,.5), rgba(180,218,244,0)),
                    -webkit-radial-gradient(center top, ellipse farthest-side, rgba(180,218,244,.3), rgba(180,218,244,0));
background-image:-moz-radial-gradient(center top, ellipse farthest-side, rgba(16,83,130,.5), rgba(16,83,130,0) 75%),
                    -moz-radial-gradient(center top, ellipse farthest-side, rgba(180,218,244,.5), rgba(180,218,244,0)),
                    -moz-radial-gradient(center top, ellipse farthest-side, rgba(180,218,244,.3), rgba(180,218,244,0));
background-size: 100% 50px,
                   100% 50px,
                   100% 100%;
background-repeat:no-repeat;}
.copyright {color: #353535; font-weight: bold;padding: 10px; font-size: 11px;text-align: center;}

.stepcarousel{border:1px solid #BED8E0;margin:0 5px;margin-bottom:10px;
position: relative; /*leave this value alone*/
border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;-khtml-border-radius:4px;-icab-border-radius:4px;-o-border-radius:4px;
box-shadow:0 0 6px #BED8E0; -moz-box-shadow:0 0 6px #BED8E0; -webkit-box-shadow:0 0 6px #BED8E0;-khtml-box-shadow:0 0 6px #BED8E0;-icab-box-shadow:0 0 6px #BED8E0;-o-box-shadow:0 0 6px #BED8E0;
overflow: scroll; /*leave this value alone*/
width:630px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .populer-wrap{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 22px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:150px;background:transparent ;
}
.stepcarousel .panel:hover {border:3px solid transparent;}